<template>
	<view class="container"></view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {
			this.yijiandenglu()
		},
		onShow() {
			// this.phone()
		},
		methods: {
			guanbi() {
				uni.navigateBack({
					delta: 1, //返回层数，2则上上页
				})
			},
			duanxinLogin() {
				uni.redirectTo({
					url: '../login/index'
				})
			},
			login(tel) {
				var that = this
				uni.request({
					url: this.$HOSTURL + '/api/login/index',
					method: 'POST',
					header: {
						'content-Type': 'application/x-www-form-urlencoded'
					},
					data: { 
						phone:tel
					},
					success(res) {
						console.log(res.data);
						var ruest = res.data;
						if (ruest.code != 200) {
							console.log('走这里了吗');
							uni.redirectTo({
								url:'/pages/register/index?process=2&phone='+tel
							})
						} else {
							that.$store.state.hasLogin = true
							that.$store.state.userid = ruest.result.id
							that.$store.state.sex = ruest.result.sex
							that.$store.state.userinfo = ruest.result
							that.$store.state.isVip = ruest.result.is_vip
							uni.setStorage({key: 'uid', data: ruest.result.id})
							uni.setStorage({key: 'sex', data: ruest.result.sex})
							uni.setStorage({key: 'isVip', data: ruest.result.is_vip})
							uni.switchTab({
								url:"/pages/index/index"
							})
						}
					}
				})
			},
			yijiandenglu() {
				console.log("手机号一键登录")
				var this_ = this
				console.log('/pages/webview/index')
				// 预登陆 
				uni.preLogin({
					provider: "univerify",
					success: () => {
						uni.login({
							provider: "univerify",
							univerifyStyle: {
								fullScreen: true, // 是否全屏显示，true表示全屏模式，false表示非全屏模式，默认值为false。
								backgroundColor: "#0f0d0f", // 授权页面背景颜色，默认值：#ffffff
								phoneNum: {
									color: "#ffffff", // 手机号文字颜色 默认值：#000000
									fontSize: "22" // 手机号字体大小 默认值：18
								},
								slogan: {
									color: "#727272", //  slogan 字体颜色 默认值：#8a8b90
									fontSize: "12"
								},
								icon: {
									path: "/static/log.png" // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
								},
								authButton: {
									normalColor: "#d9a14e", // 授权按钮正常状态背景颜色 默认值：#3479f5
									highlightColor: "#d9a14e", // 授权按钮按下状态背景颜色 默认值：#2861c5（仅ios支持）
									disabledColor: "#d9a14e", // 授权按钮不可点击时背景颜色 默认值：#73aaf5（仅ios支持）
									textColor: "#ffffff", // 授权按钮文字颜色 默认值：#ffffff
									title: "一键登录" // 授权按钮文案 默认值：“本机号码一键登录”
								},
								privacyTerms: {
									defaultCheckBoxState: "false", // 条款勾选框初始状态 默认值： true
									textColor: "#fff", // 文字颜色 默认值：#8a8b90
									termsColor: "#d9a14e", //  协议文字颜色 默认值： #1d4788
									prefix: "我已阅读", // 条款前的文案 默认值：“我已阅读并同意”
									fontSize: "12", // 字体大小 默认值：12,
									uncheckedImage: "../../static/logins/wgouxuan.png", // 可选 条款勾选框未选中状态图片（仅支持本地图片 建议尺寸 24x24px）(3.2.0+ 版本支持)
									checkedImage: "../../static/logins/gouxuan.png", // 可选 条款勾选框选中状态图片（仅支持本地图片 建议尺寸24x24px）(3.2.0+ 版本支持)
									privacyItems: [
										// 自定义协议条款，最大支持2个，需要同时设置url和title. 否则不生效
										{
											url: 'https://app.myanmo.cn/xqyonghu.txt', // 点击跳转的协议详情页面
											title: "用户协议" // 协议名称
										},
										{
											url: 'https://app.myanmo.cn/xqyinsi.html', // 点击跳转的协议详情页面
											title: "隐私政策" // 协议名称
										}
									]
								},
								otherLoginButton: {
									visible: "true", // 是否显示其他登录按钮，默认值：true"visible": "true", // 是否显示其他登录按钮，默认值：true
									normalColor: "#0F0D0F", // 其他登录按钮正常状态背景颜色 默认值：#f8f8f8
									highlightColor: "#0F0D0F", // 其他登录按钮按下状态背景颜色 默认值：#dedede
									textColor: "#d9a14e", // 其他登录按钮文字颜色 默认值：#000000
									title: "其他手机号码登录", // 其他登录方式按钮文字 默认值：“其他登录方式”"borderWidth": "1px", // 边框宽度 默认值：1px（仅ios支持）
									borderColor: "#0F0D0F", //边框颜色 默认值： #c5c5c5（仅ios支持）
									borderWidth: "0" // 边框宽度 默认值：1px（仅ios支持）
								},
								
							},
							success: (res) => {
								// console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 toke n'}
								// 在得到access_token后，通过callfunction调用云函数
								uniCloud.callFunction({
									name: 'getPhoneNumber', // 云函数名称
									data: { //传给云函数的参数
										'access_token': res.authResult.access_token, // 客户端一键登录接口返回的access_token
										'openid': res.authResult.openid // 客户端一键登录接口返回的openid
									}
								}).then(dataRes => {
									console.log('云函数返回的参数', dataRes)
									uni.closeAuthView() //关闭一键登录弹出窗口
									this_.login(dataRes.result.phoneNumber)
								}).catch(err => {
									console.log('云函数报错', err)
								})
							},
							fail(err) {
								uni.closeAuthView() //关闭一键登录弹出窗口
								if (err.code == '30006') {
									uni.navigateBack({
										delta: 1, //返回层数，2则上上页
									})
								}else{
									this_.duanxinLogin()
								}
							}
						})
					},
					fail(res) {
						console.log("一键登录uni.preLogin失败", res)
						if (res.errMsg != "login:ok") {
							// 这里注意有个小坑: 不同运营商,返回的报错字段不同, 经过测试, 以下几乎包含了三大运营商报错字段
							uni.showToast({
								title: res.errMsg || res.metadata.resultMsg || res.metadata.error_data ||
									res.metadata.resultDesc || "请检查是否插入有效sim卡及开启蜂窝数据网络",
								icon: "none"
							})
						}
						//如果手机没有插入有效的sim卡，或者手机蜂窝数据网络关闭，
						//都有可能造成预登录校验失败。

						setTimeout(() => {
							// 预登陆失败, 做其他操作
							this_.duanxinLogin()
							// this_.onClickMsgLogin()
						}, 500)
					}
				})
			}

		}
	}
</script>

<style>
	page {
		background-color: #0f0d0f;
	}

	.container {}

	.guanbi {
		position: fixed;
		top: 80rpx;
		left: 20rpx;
	}

	.header {
		height: 500rpx;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.whether_read {
		display: flex;
		flex-direction: row;
		justify-content: center;
		text-align: center;
		align-items: center;
		margin-top: 40rpx;
	}

	/* .uni-radio-wrapper .uni-radio-input {
		background-color: transparent;
		border: 4rpx solid rgb(91, 91, 91);
		width: 26rpx;
		height: 26rpx;
	}

	// 隐藏对号
	uni-radio::before {
		display: none;
		border-color: rgb(0, 203, 100);
	} */

	/* .uni-radio-wrapper .uni-radio-input.uni-radio-input-checked {
		background-color: rgb(0, 203, 100) !important;
		border: 4rpx solid rgb(0, 203, 100);
		position: relative;

		&::before {
			display: inline-block;
			content: '';
			width: 90%;
			height: 90%;
			position: absolute;
			left: 50%;
			top: 48%;
			transform: translate(-50%, -50%);
			background-color: rgb(0, 203, 100);
			border: none;
			border-radius: 50%;
		}
	} */

	.c_phone {
		font-size: 60rpx;
		color: #ffffff;
		text-align: center;
	}

	.bot_login {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 230rpx;
		text-align: center;
	}

	.bot_login_img {
		color: #7c7c7c;
		font-size: 25rpx;
		text-align: center;
		margin: 0 50rpx 0 50rpx;
	}

	.bot_login_img image {
		width: 105rpx;
		height: 100rpx;
	}

	.btext {
		font-size: 24rpx;
		text-align: center;
		margin-top: 15rpx;
		color: #727272;
	}

	.yzm_but {
		width: 500rpx;
		height: 100rpx;
		font-size: 30rpx;
		font-weight: SimHei;
		background-color: #00cb64;
		border-radius: 70rpx;
		margin-top: 70rpx;
		letter-spacing: 5rpx;
		color: #fff;
		margin: 40rpx auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>